<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>循环结构</title>
</head>
<body>
    
</body>
<script>

    /*
        程序的结构：
            * 顺序结构：从上至下执行代码，阻塞模式
            * 条件判断
                * if else:
                    * 单分支
                    * 双分支
                    * 多分支
                * 三目：?: 双分支
                * swicth :多分支
            * 循环结构:循环三要素 ：初始值、自增值、判断值；合理搭配就可以构成循环，但是要小心死循环
                * while
                * do while
                * for
    */


   //while
//    var i = 0;//初始值:只会执行一次
//    while(i < 5) {//判断值
//        document.write(i + '<br>');//0 1 2 3 4 
//        i++;//自增值 1 2  5
//    }

    //先判断再执行
//    var i = 8;//初始值:只会执行一次
//    while(i < 5) {//判断值
//        document.write(i + '<br>');//0 1 2 3 4 ？
//        i++;//自增值 
//    }

//    console.log(i);//? 8

   //do while
//    var i = 0;
//    do{
//     document.write(i + '<br>');//? 0 1 2 3 4
//     i++;//1 2 3 4 5
//    }while(i < 5);

    //先执行后判断，至少会执行一次
//    var i = 8;
//    do{
//     document.write(i + '<br>');//? 8
//     i++;//9
//    }while(i < 5);


    //for循环
    // for(var i = 0; i <= 5; i++) {
    //     document.write(i + '<br>'); //?0 1 2 3 4 5
    // }

    // document.write('下面值：' + i);//?6


    //注意：初始值、自增值、判断值；合理搭配:杜绝死循环，一定要能跳出来(关掉浏览器)
    // for(var i = 1; i > 0; i++) {
    //     document.write(i + '<br>');//1
    // }
</script>
</html>